<template>
  <div class="jingwai">
      <div class="bangdan">
           <p>最IN明星演出</p>
           <div class="mingxin">
               <ul>
                   <li > 
                       <img src="imgs/jingwai/j0.png" alt="">
                   </li>
                   <li > 
                       <img src="imgs/jingwai/j1.png" alt="">
                   </li>
                   <li > 
                       <img src="imgs/jingwai/j2.png" alt="">
                   </li>
                   <li > 
                       <img src="imgs/jingwai/j3.png" alt="">
                   </li>
               </ul>
               </div> 
      </div>
      <div class="mudedi">
          <p>热门目的地</p>
          <div class="mudedi1">
              <img src="imgs/jingwai/j4.png" alt="">
          </div>
      </div>
      <div class="tuijian">
          <p>推荐</p>
      </div>
      <div class="city">
          <ul>
              <li>
                  <p>西安</p>
                  <span class="iconfont icon-xiajiantou"></span>
              </li>
              <li>
                  <p>全部时间</p>
                  <span class="iconfont icon-xiajiantou"></span>
              </li>
              <li>
                  <p>推荐排序</p>
                  <span class="iconfont icon-xiajiantou"></span>
              </li>
              <li>
                  <p>距离最近</p>
                  <span class="iconfont icon-xiajiantou"></span>
              </li>
              
          </ul>
      </div>
      <hr>
      <div class="dixian">
          <p>我也是有底线的哦~</p>
      </div>
      <div class="huodong">
          <p>该活动不是赞助商，并且苹果也不会以任何形式参与</p>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped >
.jingwai .bangdan{
    font-size: 0.2rem;
    margin-top: 0.2rem;
}
.jingwai .bangdan p{
    margin-left: 0.2rem;
}
.jingwai .bangdan .mingxin{
    width: 100%;
    height: 2rem;
    /* background-color: pink; */
}
.jingwai .bangdan .mingxin ul{
    width: 100%;
    height: 1.5rem;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;

}
.jingwai .bangdan .mingxin ul li{
    list-style: none;
    margin-right: 0.2rem;
}
.jingwai .mudedi{
    width: 100%;
    height: 1.5rem;
    /* background-color:green; */
    font-size: 0.2rem;
}
.jingwai .mudedi p{
    margin-left: 0.2rem;
}
.jingwai .mudedi .mudedi1{
    text-align: center;
}
.jingwai .tuijian{
    width: 100%;
    height: 0.2rem;
    /* background-color:green; */
    font-size: 0.2rem;
}
.jingwai .tuijian p{
    margin-left: 0.2rem;
}
.jingwai .city{
    width: 100%;
    height: 0.5rem;
    /* background-color: pink; */
    font-size: 0.15rem;
}
.jingwai .city ul{
    width: 100%;
    height: 0.5rem;
    margin-left: 0.2rem;
   display: flex;
   align-items: center;
}
.jingwai .city ul li{
    width: 25%;
    list-style: none;
}
.jingwai .city ul li p{
    display: inline-block;
}
.jingwai .dixian{
    font-size: 0.2rem;
    text-align: center;
}
.jingwai .huodong{
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color:gray;
    font-size: 0.15rem;
    margin-top: 1rem;
}
.jingwai .huodong p{
    text-align: center;
}
</style>